<!DOCTYPE html>
<html>
  <head>
    <title><?=$title?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <link href="resources/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
     <link href="resources/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
     <link href="resources/css/reset.css" rel="stylesheet">
     
     <script src="http://code.jquery.com/jquery.js"></script>
     <script src="resources/bootstrap/js/bootstrap.min.js"></script>
      <script src="resources/bootstrap/js/bootstrap-collapse.js"></script>
      <script src="resources/bootstrap/js/holder/holder.js"></script>
  </head>
  <body>
  <div class="navbar  navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
 
      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
 
      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="<?=site_url()?>">Beta Life  | DEMO</a>

      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse">
        <!-- .nav, .navbar-search, .navbar-form, etc -->


					<ul class="nav">
						<li
							class="dropdown <?php if($this->uri->segment(1)=='categories'){ echo 'active';}?>">
							<a href="<?=site_url('categories')?>"
							class="dropdown-toggle disabled" data-toggle="dropdown">
								Categories <b class="caret"></b> </a>
							<ul class="dropdown-menu " role="menu"
								aria-labelledby="dropdownMenu">
								<li class="active"><a href="#">DDD <small>( active )</small> </a>
								</li>
								<li><a href="#">EEE</a></li>
								<li class="divider"></li>
								<li><a href="#">FFF</a></li>
								<li class="dropdown-submenu"><a href="#">GGG</a>
									<ul class="dropdown-menu">
										<li><a href="#">HHH</a></li>
										<li><a href="#">III</a></li>
										<li class="divider"></li>
										<li class="dropdown-submenu"><a href="#">JJJ</a>
											<ul class="dropdown-menu">
												<li><a href="#">KKK</a></li>
												<li><a href="#">LLL</a></li>
											</ul>
										</li>
									</ul>
								</li>

							</ul>
						</li>
						<li class="divider-vertical"></li>
					</ul>

					<ul class="nav">
        	<li  <?php if($this->uri->segment(1)=='features'){ echo 'class="active"';}?>><a href="<?=site_url('features')?>">Features</a> </li>
        	<li class="divider-vertical"></li>
        	<li <?php if($this->uri->segment(1)=='brands'){ echo 'class="active"';}?>><a href="<?=site_url('brands')?>">Brands</a></li>
        	<li class="divider-vertical"></li>
        	<li <?php if($this->uri->segment(1)=='distributors'){ echo 'class="active"';}?>><a href="<?=site_url('distributors')?>">Distributors</a></li>
        	<li class="divider-vertical"></li>
        	<li <?php if($this->uri->segment(1)=='support'){ echo 'class="active"';}?>><a href="<?=site_url('support')?>" >Support</a></li>
        	<li class="divider-vertical"></li>
        	</ul>
         	<form class="navbar-search pull-right">
  			<input type="text" class="search-query" placeholder="Search">
			</form>	
      </div>
 
    </div>
  </div>
</div>